{extend name="layout/layout"}
{block name="content"}
<main class="user_page  ">
    <section class="">
        <div class="layui-main">
            <div class="user_con">
                <div class="user_headpage" >
                    {include file="user_activity/page_menu" menu='overview' id="$id" /}
                </div>
                <div class="right_main" style="background-color:rgb(245,245,245);">
                    <div class="d-flex al-c mb10">
                       <p class="ft24  ft-bold">{$act.name}
                       </p>
                       <div class="ml10 label_sm">{$act.type_name}</div>
                    </div>
                    <p class="ft14 gary_c9 mb20 ft-bold">{$act.begin_time} - {$act.end_time}</p>
                    <div class="block_com mb20">
                       <p class="ft18 mb40 ft-bold">活動頁</p>
                       <div class="layui-row layui-col-space20 d-flex flex-column-xs">
                          <div>
                             <div class="d-flex flex-column uav_b1">
                                <div class="layui-upload-drag " id="ID-upload-demo-drag">
                                   <!-- <div class="b1">
                                      <button type="button" class="layui-btn layui-bg-orange" id="ID-upload-demo-btn">
                                         <i class="layui-icon layui-icon-upload "></i> 单图片上传
                                      </button>
                                   </div> -->
                                   {if isset($act.logo) && $act.logo !=''} 
                                    <div class="img_box" id="ID-upload-demo-preview">
                                       <img src="{$act.logo}" alt="上传成功后渲染">
                                    </div>
                                   {/if}
                                   
                                </div>
                                <p class="ft12 gary_c9 mt10 mb10">上傳 1080 * 540px、格式為 PNG/JPG 、檔案小於 4 MB</p>
                                <!-- <a href="/activity/user/activity/{$id}/user_allview_view.html">
                                   <button type="button" class="layui-btn layui-bg-orange w100">
                                      浏览
                                   </button>
                                </a> -->
                                <a href=" /activity/detail/{$id   }.html.html">
                                 <button type="button" class="layui-btn layui-bg-orange w100">
                                    浏览
                                 </button>
                              </a>
                               
                                <a href="/activity/user/activity/{$id}/allview.html" class="mt10">
                                   <button type="button" class="layui-btn layui-bg-orange w100">
                                      编辑
                                   </button>
                                </a>
                             </div>
                          </div>
                          <div class="flex-1">
                             <ul class="layui-row layui-col-space20 ul_height uav_ul1">
                                <li class="layui-col-md6 layui-col-xs6">
                                   <div class="item">
                                      <p class="t1">活動頁瀏覽數</p>
                                      <p class="t2">{$act.views|default=0}</p>
                                   </div>
                                </li>
                                <li class="layui-col-md6 layui-col-xs6">
                                   <div class="item">
                                      <p class="t1">喜歡這個活動</p>
                                      <p class="t2">{$act.likes|default=0}</p>
                                   </div>
                                </li>
                                <li class="layui-col-md12 layui-col-xs12">
                                   <div class="item">
                                      <p class="t1">活動狀態</p>
                                      <p class="t2">{$act.status_name}</p>
                                   </div>
                                </li>
                             </ul>
                          </div>
                       </div>
                    </div>
                    <ul class="layui-row layui-col-space20 ul_height uav_ul2">
                       <li class="layui-col-md6 layui-col-xs6">
                          <div class="item block_com ft-bold ">
                             <div class="item1">
                                <p class="ft18 mb14">售票狀況</p>
                                <p class="ft14 gary_c9  mb30">每十分鐘更新一次</p>
                                <p class="ft13">總張數 <span class="orange_c ft18">{$act.ticket_count|default='0'}</span></p>
                             </div>
                             <div class="item2 flex-center">
                                <p class="ft12 mb15">剩餘總張數</p>
                                <p class="ft18">{$act.remain_ticket|default='0'}</p>
                             </div>
                          </div>
                       </li>
                       <li class="layui-col-md6 layui-col-xs6">
                          <div class="item block_com ft-bold ">
                             <div class="item1">
                                <p class="ft18 mb14">報到狀況</p>
                                <p class="ft14 gary_c9  mb30">每十分鐘更新一次</p>
                             </div>
                             <div class="item2 flex-center" style="background: #F9AD28;">
  
                                <p class="ft12 mb15">报道人数 </p>
                                <p class="ft18">10</p>
                             </div>
                          </div>
                       </li>
                    </ul>
                 </div>
            </div>
        </div>
    </section>
</main>
<script>
   $(document).ready(function() {
    setInterval(function() {
        location.reload(); // 刷新页面
      }, 10 * 60 * 1000); // 10 分钟（以毫秒为单位）
   });
</script>

{/block}